<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8" />
    <title>人才列表</title>
    <link rel="stylesheet" href="css/yueke.css">
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="underscore/underscore-min.js"></script>
    <script type="text/javascript" src="js/list_more.js"></script>
    <script type="text/javascript" src="js/paging.js"></script>
</head>
<body class="background_grey">
    <div class="header">
        <div class="header_in">
            <div class="header_logo">
                <h1></h1>
                <img src="images/index_log.jpg" />
            </div>
            <div class="header_nav">
                <ul>
                    <li><a href="model_news_list.html">前沿资讯</a></li>
                    <li><a href="model_problem_list.html">互动问答</a></li>
                    <li><a href="model_personage_center.html">帮助中心</a></li>
                </ul>
            </div>
            <div class="header_info">
                <div class="header_info_find"><a href="#">寻找合作伙伴</a></div>
                <div class="header_register">
                    <a href="#">登录</a>|
                    <a href="#">注册</a>
                </div>
                <div class="header_become">
                    <a href="#">成为我们的专家</a>
                </div>
            </div>
            <div class="clear_both"></div>
        </div>
    </div>
    <div class="talents_list_classify">
        <ul>
            <li class="active item1">全部分类</li>
            <li class="item2">人工智能</li>
            <li class="item3">新能源</li>
            <li class="item4">新材料</li>
            <li class="five item5">医疗与健康</li>
            <li class="item6">信息科技</li>
            <li class="five item7 margin">食品与安全</li>
            <li class="five item8">检验与检测</li>
            <li class="item9">航空航天</li>
        </ul>
    </div>
    <div class="talents_list_detail">
        <div class="talents_list_detail_sort">
            <span class="adress">地点</span>
            <span class="sort">排序</span>
        </div>
        <ul class="talents_list_detail_list" id="talents_list">
            <li class="talents_list_detail_item">
                <div class="talents_list_detail_item_img">
                    <img src="" alt="" />
                </div>
                <div class="talents_list_detail_item_info">
                    <div class="title">
                        航空发动机/燃气轮机总体性能相关
                    </div>
                    <div class="name">
                        <span>Hero张</span><i>热能动力工程师</i>
                    </div>
                    <div class="icon">
                        <span class="address">广州</span>
                        <span class="appointment">20人想约</span>
                    </div>
                </div>
                <div class="talents_list_detail_item_price">
                    <i>￥1200</i>/次
                </div>
            </li>
            <li class="talents_list_detail_item">
                <div class="talents_list_detail_item_img">
                    <img src="" alt="" />
                </div>
                <div class="talents_list_detail_item_info">
                    <div class="title">
                        航空发动机/燃气轮机总体性能相关
                    </div>
                    <div class="name">
                        <span>Hero张</span><i>热能动力工程师</i>
                    </div>
                    <div class="icon">
                        <span class="address">广州</span>
                        <span class="appointment">20人想约</span>
                    </div>
                </div>
                <div class="talents_list_detail_item_price">
                    <i>￥1200</i>/次
                </div>
            </li>
            <li class="talents_list_detail_item">
                <div class="talents_list_detail_item_img">
                    <img src="" alt="" />
                </div>
                <div class="talents_list_detail_item_info">
                    <div class="title">
                        航空发动机/燃气轮机总体性能相关
                    </div>
                    <div class="name">
                        <span>Hero张</span><i>热能动力工程师</i>
                    </div>
                    <div class="icon">
                        <span class="address">广州</span>
                        <span class="appointment">20人想约</span>
                    </div>
                </div>
                <div class="talents_list_detail_item_price">
                    <i>￥1200</i>/次
                </div>
            </li>
            <li class="talents_list_detail_item">
                <div class="talents_list_detail_item_img">
                    <img src="" alt="" />
                </div>
                <div class="talents_list_detail_item_info">
                    <div class="title">
                        航空发动机/燃气轮机总体性能相关
                    </div>
                    <div class="name">
                        <span>Hero张</span><i>热能动力工程师</i>
                    </div>
                    <div class="icon">
                        <span class="address">广州</span>
                        <span class="appointment">20人想约</span>
                    </div>
                </div>
                <div class="talents_list_detail_item_price">
                    <i>￥1200</i>/次
                </div>
            </li>
            <li class="talents_list_detail_item">
                <div class="talents_list_detail_item_img">
                    <img src="" alt="" />
                </div>
                <div class="talents_list_detail_item_info">
                    <div class="title">
                        航空发动机/燃气轮机总体性能相关
                    </div>
                    <div class="name">
                        <span>Hero张</span><i>热能动力工程师</i>
                    </div>
                    <div class="icon">
                        <span class="address">广州</span>
                        <span class="appointment">20人想约</span>
                    </div>
                </div>
                <div class="talents_list_detail_item_price">
                    <i>￥1200</i>/次
                </div>
            </li>
        </ul>
    </div>
    <div class="talents_list_page">
        <div class="personage_deal_page">
            <div class="personage_deal_page_show">
                <span class="sum">共 <span class="sum_page">5</span> 页</span>到第<input type="text" class="input_page">页 <i id="btnPage">确认</i>
            </div>
            <div class="personage_deal_page_num">
                <!-- <span class="prev" id="prev">&lt;</span> -->
                <div class="personage_deal_page_num_in" id="page_num"><!-- <a class="active" href="#1">1</a><a class=" " href="#2">2</a><a class=" " href="#3">3</a><a class=" " href="#4">4</a><a class=" " href="#5">5</a><a href="#2" class="arrows" id="next">&gt;</a> --></div>
            </div>
        </div>
    </div>
    <div class="index_link">
        <div class="index_link_in"></div>
    </div>
    <div class="index_footer">
        <div class="index_footer_link">
            <a href="">新闻公告</a>|
            <a href="">关于我们</a>|
            <a href="">联系我们</a>|
            <a href="">用户协议</a>
        </div>
        <p class="index_footer_copy">Copyright©2016 yk-zb.com 粤科众包 版权所有 粤ICP备16027165号-1</p>
    </div>
    <script id="talentsItem" type="text/template">
        <li class="talents_list_detail_item">
            <div class="talents_list_detail_item_img">
                <img src="<#= url_img #>" alt="" />
            </div>
            <div class="talents_list_detail_item_info">
                <div class="title">
                    <#= title #>
                </div>
                <div class="name">
                    <span><#= name #></span><i><#= classify #></i>
                </div>
                <div class="icon">
                    <span class="address"><#= address #></span>
                    <span class="appointment"><#= people #>人想约</span>
                </div>
            </div>
            <div class="talents_list_detail_item_price">
                <i>￥<#= money #></i>/次
            </div>
        </li>
    </script>
</body>
</html>
<script type="text/javascript">
    $(function() {
        var nowNum = 1;
        var allNum = 5;
        /*分页*/
        function paging(nowNum,allNum){
            var obj = document.getElementById("page_num");
            page({
                obj : obj,
                nowNum : nowNum,
                allNum : allNum,
                callback : function (now,all){
                    /*$.ajax({
                        type: "get",
                        url: url,
                        rnd: rnd,
                        dataType: "json",
                        success: function(result) {
                                if(result.code == 1){
                                      var list = result.data.order_list;
                                      //每次都返回总页数
                                      pages = result.data.page_size;
                                      console.log(result.data);
                                      for(var i = 0; i < list.length; i++){
                                            var t = _.template($("#talentsItem").text());
                                            var htmlTxt = t(list[i]);
                                            // console.log(t,htmlTxt)
                                            $('#talents_list').append(htmlTxt);
                                      }
                                }else{
                                          UBox.show('加载失败', -1);
                                }
                        }
                    });*/
                    $('#talents_list').html('');
                    var attr = [
                        {
                        title : '航空发动机/燃气轮机总体性能相关',
                        url_img : 'images/news_detail_img.jpg',
                        money : 1000 ,
                        name : '123' ,
                        classify : '信息科技' ,
                        people : 80,
                        address : '深圳'
                    },{
                        title : '航空发动机/燃气轮机总体性能相关',
                        url_img : 'images/news_detail_img.jpg',
                        money : 2000 ,
                        name : '123' ,
                        classify : '信息科技' ,
                        people : 80,
                        address : '深圳'
                    },{
                        title : '航空发动机/燃气轮机总体性能相关',
                        url_img : 'images/news_detail_img.jpg',
                        money : 3000 ,
                        name : '123' ,
                        classify : '信息科技' ,
                        people : 80,
                        address : '深圳'
                    },{
                        title : '航空发动机/燃气轮机总体性能相关',
                        url_img : 'images/news_detail_img.jpg',
                        money : 4000 ,
                        name : '123' ,
                        classify : '信息科技' ,
                        people : 80,
                        address : '深圳'
                    },{
                        title : '航空发动机/燃气轮机总体性能相关',
                        url_img : 'images/news_detail_img.jpg',
                        money : 5000 ,
                        name : '123' ,
                        classify : '信息科技' ,
                        people : 80,
                        address : '深圳'
                    }
                    ];
                    for(var i = 0; i< 5; i++){
                        var t = _.template($("#talentsItem").text());
                        var htmlTxt = t(attr[now-1]);
                        // console.log(t,htmlTxt)
                        $('#talents_list').append(htmlTxt);
                    }
                    console.log("当前页"+now+":总页数"+all);
                }
            });
        };
        paging(nowNum,allNum);
        /*页数的确认按钮*/
        $('#btnPage').click(function(event) {
            var value = $('.input_page').val();
            console.log(value);
              nowNum = value;
            paging(nowNum,allNum);
        });
    });
</script>
